import IconFont from '@/components/IconFont';
import OrderTagField from '@/pages/OrderModule/common/bizcomponents/OrderTagField';
import CommonInput from '@/pages/OrderModule/common/components/CommonInput';
import { CommonModal } from '@/pages/OrderModule/common/components/CommonModal';
import { useState } from 'react';
const SelectOrderTagBtn = ({ getContainer, value, onChange }) => {
    const [show, toggleShow] = useState(false);
    const inputProps = { value, onChange };
    return (<>
      {/* <div onClick={() => toggleShow(true)} className={Style['edit-tab-btn']}>
          请选择订单标签
        </div> */}
      <CommonInput {...inputProps} onClick={() => toggleShow(true)} placeholder="请选择订单标签" suffix={<IconFont style={{ cursor: 'pointer' }} type="iconmodal-input"/>}/>
      <CommonModal getContainer={getContainer} title={{ title: '请选择订单标签' }} open={show} onCancel={() => toggleShow(false)}>
        <OrderTagField />
      </CommonModal>
    </>);
};
export default SelectOrderTagBtn;
